iT邦幫忙

2021 iThome 鐵人賽

DAY 25
0
自我挑戰組

開始入坑網頁吧!系列 第 25

JS DOM(文件物件模型)

  • 分享至 

  • xImage
  •  

DOM(Document Object Model) 文件物件模型

今天簡單聊聊之後要進入的主題,DOM(Document Object Model)它提供了一個文件(樹)的結構化表示法,並定義讓程式可以存取並改變文件架構、風格和內容的方法。

DOM每一個節點皆為物件(Object)且擁有各自的屬性以及方法,而我們也可以透過JS 操作DOM屬性與方法去改變網頁架構、風格和內容。
雖然我們常常使用 JavaScript 來存取 DOM,但它本身並不是 JavaScript 語言的一部分,而且它也可以被其他語言存取。

參考文章:
[JavaScript初學:DOM常用屬性與方法](https://medium.com/change-or-die/javascript%E5%88%9D%E5%AD%B8-dom%E5%B8%B8%E7%94%A8%E5%B1%AC%E6%80%A7%E8%88%87%E6%96%B9%E6%B3%95-ef851afdb65a)

[MDN DOM](https://developer.mozilla.org/zh-TW/docs/Web/API/Document_Object_Model)


上一篇
JavaScript Prototype (原型)
下一篇
JavaScript DOM | Window Object
系列文
開始入坑網頁吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言